<template>
    <view class="store">
		<!-- @click="toPage(item.url)" -->
        <view class="store_item" v-for="(item,index) in store_data" :key="index"   @click="toPage(item,index)">
            <view class="store_left">
                <img :src="item.img" alt />
            </view>
            <view class="store_right">
                <p>{{ item.name }}</p>
                <view class="label">
                    <span class="span_left">代金券</span>
                    <span class="span_left" v-if="item.status">餐券</span>
                    <span class="span_right">已兑{{ item.num }}件</span>
                </view>
                <view class="bottom" v-for="(items,i) in item.text" :key="i" :class="{top : i == 0}">
                    <view class="icon">{{ items.label }}</view>
                    <span>{{ items.value }}</span>
                </view>
            </view>
        </view>
    </view>
</template>
<script>
export default {
    props: {
        store_data: {
            type: Array,
            default: []
        },
		current: {
			type: Number,
			default: 0,
		},
    },
    components: {},
    data() {
        return {};
    },
    computed: {},
    methods: {
			// 页面跳转
			toPage(item,index){
				this.$emit('jumpDetail',item,index)
			},
	},
    beforeCreate() {},
    created() {},
    beforeMount() {},
    mounted() {
		console.log('current', this.current);
	},
    beforeUpdate() {},
    updated() {},
    beforeDestroy() {},
    destroyed() {},
};
</script>
<style scoped lang='scss'>
@import "./index.scss";
</style>